<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>森系英文打字游戏</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <header>
            <h1>森系英文名句打字游戏</h1>
            <p>享受打字的乐趣，感受自然的宁静</p>
        </header>
        
        <div class="stats">
            <div class="stat-item">
                <span class="stat-label">速度:</span>
                <span id="wpm">0</span> WPM
            </div>
            <div class="stat-item">
                <span class="stat-label">准确率:</span>
                <span id="accuracy">100</span>%
            </div>
            <div class="stat-item">
                <span class="stat-label">时间:</span>
                <span id="timer">60</span>s
            </div>
        </div>
        
        <div class="game-area">
            <div id="quote-display" class="quote-display">
                <span class="correct"></span>
                <span class="current"></span>
                <span class="untyped"></span>
            </div>
            
            <textarea id="typing-input" class="typing-input" autofocus placeholder="开始输入..."></textarea>
            
            <div class="controls">
                <button id="restart-btn" class="btn">重新开始</button>
            </div>
        </div>
        
        <div class="quote-selection">
            <h3>选择名句集:</h3>
            <select id="quote-set">
                <option value="motivational">励志名句</option>
                <option value="nature">自然诗句</option>
                <option value="wisdom">人生智慧</option>
            </select>
        </div>
    </div>
    
    <script src="quotes.js"></script>
    <script src="script.js"></script>
</body>
</html>